.editor-revisions__dialog {
	display: flex;
	padding: 0;
}

.editor-revisions {
	box-sizing: border-box;
	display: flex;
	width: 90vw;
	height: calc( 90vh - 73px );
	overflow-y: hidden;

	@include breakpoint-deprecated( '<660px' ) {
		flex-direction: column-reverse;
		width: 100vw;
		height: calc( 100vh - 73px );
	}

	@include breakpoint-deprecated( '>660px' ) {
		&::before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			height: 25px;
			background: linear-gradient(
				to bottom,
				rgba( 255, 255, 255, 1 ) 0%,
				rgba( 255, 255, 255, 1 ) 25%,
				rgba( 255, 255, 255, 0.85 ) 50%,
				rgba( 255, 255, 255, 0 ) 100%
			);
		}
	}
}

.editor-revisions__wpadmin-link {
	color: var( --color-text );
	cursor: pointer;
	display: block;
	font-size: $font-body-small;
	margin: 0 0 -16px;
	padding: 16px 0;
	text-align: left;
	width: calc( 100% + 32px );

	.gridicon {
		color: var( --color-text );
		margin-left: -2px;
		margin-right: 8px;
		vertical-align: bottom;
	}
}

body.showing-post-revisions-dialog {
	// Prevent scrolling the editor contents below the dialog
	overflow-y: hidden;

	.dialog.card {
		@include breakpoint-deprecated( '<660px' ) {
			max-width: 100%;
			max-height: 100%;
		}
	}
}
